<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Effe - Contact Us</title>
<link rel="shortcut icon" href="favicon.ico" />
<!-- Load CSS -->
<link href="../static/css/style.css" rel="stylesheet" type="text/css" />
<!-- Load Fonts -->
<link rel="stylesheet" href="http://fonts.useso.com/css?family=Droid+Serif:regular,italic,bold,bolditalic" type="text/css" />
<link rel="stylesheet" href="http://fonts.useso.com/css?family=Droid+Sans:regular,bold" type="text/css" />
<!-- Load jQuery library -->
<script type="text/javascript" src="../static/scripts/jquery-1.6.2.min.js"></script>
<!-- Load custom js -->
<script type="text/javascript" src="../static/scripts/panelslide.js"></script>
<script type="text/javascript" src="../static/scripts/custom.js"></script>
<!-- Load topcontrol js -->
<script type="text/javascript" src="../static/scripts/scrolltopcontrol.js"></script>
<!-- Load NIVO Slider -->
<link rel="stylesheet" href="../static/css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../static/css/nivo-theme.css" type="text/css" media="screen" />
<script src="../static/scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script src="../static/scripts/nivo-options.js" type="text/javascript"></script>
<!-- Load fancybox -->
<script type="text/javascript" src="../static/scripts/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="../static/scripts/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="../static/scripts/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="../static/css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<!-- Load contact check -->
<script type="text/javascript">
function MM_validateForm() { //v4.0
  if (document.getElementById){
    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
      if (val) { nm=val.name; if ((val=val.value)!="") {
        if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
          if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
        } else if (test!='R') { num = parseFloat(val);
          if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
            min=test.substring(8,p); max=test.substring(p+1);
            if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
      } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
    } if (errors) alert('We are sorry, but there is an error:\n'+errors);
    document.MM_returnValue = (errors == '');
} }
</script>
</head>
<body>
<!--This is the START of the header-->
<div id="topcontrol" style="position: fixed; bottom: 5px; left: 960px; opacity: 1; cursor: pointer;" title="Go to Top"></div>
<div id="header-wrapper">
  <div id="header">
    <div id="logo"><a href="index.html"><img src="../static/images/logo.png" width="100" height="80" alt="logo" /></a></div>
    <div id="header-text">
      <h4>Drop us a line, we don't bite!</h4>
      <h6><a href="index.html">Home</a> → Contact Us</h6>
    </div>
  </div>
</div>
<!--END of header-->
<!--This is the START of the menu-->
<div id="menu-wrapper">
  <div id="main-menu">
    <ul>
        <li><a href="index.html">首页</a></li>
        <li><a href="about.html">我&nbsp&nbsp </a></li>
        <li><a href="blog.html">博客</a></li>
        <li><a href="portfolio.html">爱好</a></li>
        <li><a class="selected" href="contact.html">留言 Contact→</a></li>
        <li><a href="features.html">应用</a></li>
    </ul>
  </div>
	<!--This is the START of the footer-->
	<div id="footer">
		<div id="social-box">
			<ul>
				<li>
					<div class="facebook"><a href="#"></a></div>
				</li>
				<li>
					<div class="twitter"><a href="#"></a></div>
				</li>
				<li>
					<div class="rss"><a href="#"></a></div>
				</li>
			</ul>
		</div>
		<h6>Copyright  2016 Atlandes </h6>
	</div>
	<!--END of footer-->
</div>
<!--END of menu-->
<!--This is the START of the content-->
<div id="content">
  <!--This is the START of the contact section-->
  <div id="contact">
    <h5 style="margin-top:10px;">Contact us</h5>
    <p>If you would like to contact us use this form, and we will get back to you shortly!</p>
    <form name="contact" action="../static/scripts/contact.php" id="contactform" method="post">
      <div class="boxes">
        <h6>name<span class="required">*</span></h6>
        <div class="box">
          <input name="name" type="text" class="input" id="sender_name" />
        </div>
        <h6>email<span class="required">*</span></h6>
        <div class="box">
          <input name="email" type="text" class="input" id="sender_email" />
        </div>
        <h6>message</h6>
        <div class="msgbox">
          <textarea name="cf_message" rows="50" cols="30" class="message" id="cf_message"></textarea>
        </div>
        <div class="submitbtn">
          <input type="submit" class="button btncolor" onClick="MM_validateForm('sender_name','','R');MM_validateForm('sender_email','','RisEmail');return document.MM_returnValue" value="Send Message" />
        </div>
      </div>
    </form>
  </div>
  <div id="contactinfo">
    <h5>Our adress is:</h5>
    <p>Imaginary street 14</p>
    <p>The windy City</p>
    <p>1345 Post code</p>
    <br />
    <h5>Our contact info is:</h5>
    <p>E: info@effe.com</p>
    <p>T: (012) 345 678</p>
    <p>F: (456) 847 854</p>
    <br />
    <div class="dribbble"><a href="#">Dribbble</a></div>
    <div class="forrst"><a href="#">mail@effe.com</a></div>
    <div class="google"><a href="#">Google +</a></div>
    <div class="twitter_small"><a href="http://www.twitter.com">Follow on twitter</a></div>
    <div class="facebook_small"><a href="http://www.facebook.com">Follow on facebook</a></div>
   </div>
  <!--END of contact section-->
</div>
<!--END of content-->
<p class="slide"><a href="#" class="btn-slide"></a></p>
<div id="slide-panel">
	<!--This is the START of the follow section-->
	<div id="follow">
		<h3>Get Notified About My Newest Freebies & Upcoming Themes!</h3>
		<h5>
			<p>I do make some awesome freebies for you to use... All of them are FREE and pixel perfect!</p>
			<p>Thanks for showing me the support by subscribing, and I'll try not to disappoint you...</p>
		</h5>
		<img class="star-divider" src="../static/images/subscribe_divider.png" /> <a href="http://www.twitter.com/92_five">
		<div id="follow-twitter"><img src="../static/images/tweet_top.png" />
			<h4>Follow me on twitter</h4>
		</div>
		</a><a href="http://eepurl.com/dqtGj">
		<div id="follow-mail"><img src="../static/images/mail_top.png" />
			<h4>Subscribe to my newsletter</h4>
		</div>
		</a>
		<h1>Thanks for that!</h1>
	</div>
	<!--END of follow section-->
</div>
</body>
</html>